<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>用户中心-英雄联盟周边商城</title>
    <link rel="stylesheet" href="../static/css/swb.css" />
    <link rel="stylesheet" href="../static/css/public.css" />
    <link rel="stylesheet" href="../static/css/UserCenter.css" />
</head>

<body>
    <header sty="hi75">
        <div class="banner cf">
            <div sty="mt17" class="logo-box ftl">
                <a sty="wi297 hi39" class="logo dpib" href="../Index/Index.html"></a>
            </div>
            <div sty="hi30 mt22" class="header-right-box ftr fdl">
                <div sty="pr20 cf">
                    <a sty="pr6 lh30" href="">您好，请登录 </a>
                </div>
                <div sty="pr28 cf">
                    <a href="">
                        <i sty="wi28 hi25 mt3 mr4" class="shop ftl"></i>
                        <span sty="lh30 pr6" class="ftl">购物车</span>
                        <span sty="wi20 hi20 lh20 mt7 " class="shop-num ftl tac">0</span>
                    </a>
                </div>
                <div sty="pr28 cf">
                    <i sty="wi24 hi26 mt3 mr4" class="service ftl"></i>
                    <span sty="lh30" class="ftl">客服咨询</span>
                </div>
                <div sty="cf">
                    <i sty="wi20 hi20 mt5 mr4" class="qr-code ftl"></i>
                    <span sty="lh30" class="ftl">微信商城</span>
                </div>
            </div>
        </div>
    </header>
    <div class="main  bg-index">
        <div class="banner">
            <nav class="cf">
                <ul class="ftl">
                    <li><a href="{{ url('index:index') }}">商城首页</a></li>

                </ul>
                <div sty="mt15 mr34" class="ftr pr cf">
                    <input sty="wi239 hi30 fs14" class="ftl" type="text" onfocus="$('nav .default').hide()"
                        onblur="if (this.value == '') { $('nav .default').show() } else { $('nav .default').hide() }" />
                    <a sty="tp9 lt10 fs14" class="default pa" href="">阿狸</a>
                    <div sty="wi45 hi30" class="search-btn ftl">
                        <a href="">
                            <i sty="wi21 hi21 mt5 ml12" class="dpib"></i>
                        </a>
                    </div>
                </div>
            </nav>
            <div class="streamer">
                <img src="./images/mem_top.jpg" alt="" />
            </div>
            <div class="main-content fdl" style=" min-height: 500px;">
                <div sty="wi180 pt10" class="main-content-left" style="height: 100%; background-color: #f6f6f6;">
                    <ul>
                        <li>
                            <a href="{{url('users:Shopping')}}">我的购物车</a>
                        </li>
                        <li>
                            <a href="{{url('users:user_order')}}">我的订单</a>
                        </li>
                        <li class="active">
                            <a href="{{url('users:user_collect')}}">商品收藏</a>
                        </li>
{#                        <li>#}
{#                            <a href="javascript:;">福利中心</a>#}
{#                        </li>#}
                        <li>
                            <a href="{{url('areas:user_address')}}">收货地址</a>
                        </li>
{#                        <li>#}
{#                            <a href="javascript:;">订阅中心</a>#}
{#                        </li>#}
                        <li>
                            <a href="{{url('users:user_data')}}">个人资料</a>
                        </li>
{#                        <li>#}
{#                            <a href="javascript:;">官方公告</a>#}
{#                        </li>#}
                    </ul>
                </div>
                <div class="main-content-right-all">
                    <div id="collect" sty="wi1020 pl40 pt20" class="main-content-right bsbb active">
                        <div sty="mb10" class="main-content-right-top fdl">
                            <div sty="lh28"><input sty="mr5" type="checkbox" style="vertical-align: middle;">全选</div>
                            <div><a sty="lh28 ml10 wi100 mr10" class="tac dpib" href=""
                                    style="background-color: #ed3029;color: #fff;">加入购物车</a></div>
                            <div><a sty="lh28 wi64" class="tac dpib" href="" style="background-color: #dedede;">删除</a>
                            </div>
                        </div>
                        <div sty="pb100" class="main-content-right-content ">
                            <table>
                                <tr height="38">
                                    <th sty="ti10" width="60"></th>
                                    <th width="320">商品</th>
                                    <th class="tac" width="130">价格</th>
                                    <th class="tac" width="130">是否有货</th>
                                    <th class="tac" width="150">所属分类</th>
                                    <th class="tac" width="150">操作</th>
                                </tr>
                                <tr>
                                    <td class="tac"><input type="checkbox" name="" id=""></td>
                                    <td>
                                        <div class="table-goods-item fdl">
                                            <div class="table-goods-img">
                                                <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201903/20190310154345_71326.jpg"
                                                    alt="" />
                                            </div>
                                            <div>
                                                <span style="color:#000;">努努口袋T恤</span><br /><br />
                                                <span>收藏时间：</span>
                                                <span>2019-12-05</span>
                                                <span>12:33:03</span>
                                            </div>
                                        </div>
                                    </td>
                                    <td class="tac">
                                        <span style="color: #ed4346;">¥ 108元</span>
                                    </td>
                                    <td class="tac"><span>有货</span></td>
                                    <td class="tac"><span>其他</span></td>
                                    <td class="tac"><a class="order-details" href="">购买</a>
                                        <a class="order-details" href="">删除</a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div sty="pt20 pb20" class="guarantee banner">
            <ul class="flex">
                <li>
                    <i class="sales-return"></i>
                    <span>7天无理由退换货</span>
                </li>
                <li>
                    <i class="quality-goods"></i>
                    <span>100%官方正品</span>
                </li>
                <li>
                    <i class="pinkage"></i>
                    <span>全场每单满199元包邮</span>
                </li>
            </ul>
        </div>
        <div class="issue">
            <div class="banner">
                <ul class="flex tac">
                    <li>
                        <dl>
                            <dt>购物指南</dt>
                            <dd>帐号注册与登录</dd>
                            <dd>购买流程介绍</dd>
                            <dd>支付方式</dd>
                            <dd>常见问题</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>配送服务</dt>
                            <dd>全场满199元免运费</dd>
                            <dd>配送范围及运费</dd>
                            <dd>配送进度查询</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>售后服务</dt>
                            <dd>7天无理由退换货</dd>
                            <dd>退换货流程</dd>
                            <dd>商品送错的处理方案</dd>
                            <dd>售后服务及投诉</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>服务中心</dt>
                            <dd>售前咨询 售后咨询</dd>
                            <dd>客服热线：0755-25727866</dd>
                            <dd>售后：service@lolriotmall.qq.com</dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div sty="lh40" class="copy tac">技术支持：全栈12 师文博</div>
    </footer>
</body>
<script src="../static/js/jquery.js"></script>
<script src="../static/js/swb.js"></script>
<script src="../static/js/UserCenter.js"></script>

</html>